// 主题变量文件

// 颜色变量
$primary-color: #409eff;
$primary-hover-color: #66b1ff;
$primary-active-color: #3a8ee6;
$primary-light-color: #ecf5ff;

$success-color: #67c23a;
$success-hover-color: #85ce61;
$success-active-color: #5daf34;
$success-light-color: #f0f9eb;

$warning-color: #e6a23c;
$warning-hover-color: #ebb563;
$warning-active-color: #cf9236;
$warning-light-color: #fdf6ec;

$danger-color: #f56c6c;
$danger-hover-color: #f78989;
$danger-active-color: #dd6161;
$danger-light-color: #fef0f0;

$info-color: #909399;
$info-hover-color: #a6a9ad;
$info-active-color: #82848a;
$info-light-color: #f4f4f5;

// 文字颜色
$text-primary: #303133;
$text-regular: #606266;
$text-secondary: #909399;
$text-placeholder: #c0c4cc;

// 背景色
$bg-color: #f5f7fa;
$bg-color-white: #ffffff;
$bg-color-light: #ecf5ff;

// 边框颜色
$border-color-base: #dcdfe6;
$border-color-light: #e4e7ed;
$border-color-lighter: #ebeef5;
$border-color-extra-light: #f2f6fc;

// 阴影
$shadow-base: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
$shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
$shadow-elevated: 0 4px 20px 0 rgba(0, 0, 0, 0.15);

// 圆角
$border-radius-base: 4px;
$border-radius-small: 2px;
$border-radius-large: 6px;

// 间距
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-md: 16px;
$spacing-lg: 24px;
$spacing-xl: 32px;
$spacing-xxl: 48px;

// 字体大小
$font-size-xs: 12px;
$font-size-sm: 13px;
$font-size-base: 14px;
$font-size-md: 16px;
$font-size-lg: 18px;
$font-size-xl: 20px;
$font-size-xxl: 24px;

// 行高
$line-height-base: 1;
$line-height-sm: 1.2;
$line-height-md: 1.5;
$line-height-lg: 1.8;

// 动画时长
$animation-duration-base: 0.3s;
$animation-duration-fast: 0.2s;
$animation-duration-slow: 0.5s;

// 透明度
$opacity-disabled: 0.6;
$opacity-hover: 0.8;

// 图标大小
$icon-size-xs: 12px;
$icon-size-sm: 14px;
$icon-size-base: 16px;
$icon-size-md: 18px;
$icon-size-lg: 20px;
$icon-size-xl: 24px;

// 按钮尺寸
$btn-height-base: 32px;
$btn-height-sm: 28px;
$btn-height-lg: 40px;
$btn-padding-base: 0 15px;
$btn-padding-sm: 0 12px;
$btn-padding-lg: 0 20px;

// 输入框尺寸
$input-height-base: 32px;
$input-height-sm: 28px;
$input-height-lg: 40px;
$input-padding-base: 0 11px;
$input-padding-sm: 0 8px;
$input-padding-lg: 0 15px;

// 卡片尺寸
$card-border-radius: $border-radius-base;
$card-box-shadow: $shadow-base;
$card-hover-box-shadow: $shadow-elevated;

// 表格尺寸
$table-header-height: 40px;
$table-row-height: 40px;
$table-border-width: 1px;

// 滚动条尺寸
$scrollbar-width: 8px;
$scrollbar-height: 8px;
$scrollbar-radius: 4px;